<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 第一题 */
        /* p::first-letter{
            font-size: 32px;
        } */
        /* --------------------------------------------------------------------- */
        /* 第二题  */
        /* li::before{
            content: ">";
         } */
        /* --------------------------------------------------------------------- */
        /* 第三题  */
        /* a{
        text-decoration: none;
       }
        .lianjie div::first-letter{
        text-decoration: underline;
        }  */
        /* --------------------------------------------------------------------- */
        /* 第四题  */
        /* th{
            background-color: beige;
          } */
        /* --------------------------------------------------------------------- */
        /* 第五题  */
        /* .num p::after{
            content: "/";
          } */
        /* --------------------------------------------------------------------- */
        /* 第六题  */
        /* ul li:last-child::after {
            content: "/";
        } */
        /* --------------------------------------------------------------------- */
        /* 第七题  */
        /* .duanluo:last-child::after {
    content: ''; 
    color: red; 
} */
        /* --------------------------------------------------------------------- */
        /* 第八题  */
        /* h1,h2,h3,h4,h5,h6{
    background-image: linear-gradient(#333,#666);
    border: 1px solid black;
    width: 100px;
} */
        /* --------------------------------------------------------------------- */
        /* 第九题  */
        /* td{
            border: 1px solid #333;
            width: 60px;
            height: 30px;
        }
        .warpper tr:first-child td:first-child{
            border-style: dotted;
        } */
        /* --------------------------------------------------------------------- */
        /* 第十题  */
        /* ol li:first-child::before{
            content: "danm";
        }
        ul li:first-child::before{
            content: "danm";
        } */
        /* --------------------------------------------------------------------- */
        /* 第十1题  */
        /* td{
            
            width: 60px;
            height: 30px;
        }
        .warpper tr:first-child{
            background-color: #ccc;
        } */
        /* --------------------------------------------------------------------- */
        /* 第十2题  */
        /* figcaption{
            opacity: 0.2;
        } */
        /* --------------------------------------------------------------------- */
        /* 第十3题  */
        /* p::first-line{
font-weight: bold;
font-style: italic;
        } */
        /* --------------------------------------------------------------------- */
        /* 第十4题  */
        /* table{
            border-collapse: collapse;
        }
        td{
            border: 1px solid #333;
            width: 60px;
            height: 30px;
        }
        .warpper tr:nth-child(2n-1){
            border-style: dotted;
        } */
        /* --------------------------------------------------------------------- */
        /* 第十5题  */
        /* label::before {
            content: "$";
        } */
    </style>
</head>

<body>
    <!-- 第一题 -->
    <!-- <div class="hello">
        <p>你叫</p>
        <p>什么</p>
        <p>名字</p>
        <p>大哥</p>
    </div> -->
    <!-- ------------------------------------------------------------------------ -->
    <!-- 第二题 -->
    <!-- <ul class="hello">
        <li>你好</li>
        <li>你不好</li>
        <li>今天天气不错</li>
    </ul> -->
    <!-- ------------------------------------------------------------------------ -->
    <!-- 第三题 -->
   <!-- <a href="" class="lianjie">
    <div>
        mmmmmmmmmmmmmmmmmmmmmmmm
    </div>
   </a>
   <a href="" class="lianjie">
    <div>
        mmmmmmmmmmmmmmmmmmmmmmmm
    </div>
   </a> -->
    <!-- ------------------------------------------------------------------------ -->
    <!-- 第四题 -->
    <!-- <table>
        <tr>
            <th>1</th>
            <th>2</th>
            <th>3</th>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
    </table> -->
    <!-- ------------------------------------------------------------------------ -->
    <!-- 第五题 -->
    <!-- <div class="num">
        <p>你好</p>
        <p>你不好</p>
        <p>你叫什么名字</p>
    </div> -->
    <!-- ------------------------------------------------------------------------ -->
    <!-- 第六题 -->
    <!-- <ul class="liebiao01">
        <li>你好</li>
        <li>你不好</li>
        <li>你叫什么名字</li>
    </ul>
    <ul class="liebiao02">
        <li>你为什么来这里</li>
        <li>你为什么不好好学习</li>
        <li>你没有那么多为什么</li>
    </ul> -->
    <!-- ------------------------------------------------------------------------ -->
    <!-- 第七题 -->
    <!-- <div class="duanluo">
        <p>你好</p>
        <p>你不好</p>
        <p>你叫什么名字</p>
    </div> -->
    <!-- ------------------------------------------------------------------------ -->
    <!-- 第八题 -->
    <!-- <h1>你好</h1>
    <h2>你好</h2>
    <h3>你好</h3>
    <h4>你好</h4>
    <h5>你好</h5>
    <h6>你好</h6> -->
    <!-- ------------------------------------------------------------------------ -->
    <!-- 第九题 -->
    <!-- <table class="warpper" cellspacing="0"cellpadding='0'>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </table>
    <br>
    <table class="warpper" cellspacing="0"cellpadding='0'>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </table> -->
    <!-- ------------------------------------------------------------------------ -->
    <!-- 第十题 -->
    <!-- 10. 使用伪元素为每个列表的第一个项添加一个特殊的标签（例如"NEW"）。 -->
    <!-- <ul>
        <li>1</li>
        <li>1</li>
        <li>1</li>
    </ul>
    <ul>
        <li>1</li>
        <li>1</li>
        <li>1</li>
    </ul>
    <ol>
        <li>1</li>
        <li>1</li>
        <li>1</li>
    </ol> -->
    <!-- ------------------------------------------------------------------------ -->
    <!-- 第十1题 -->
    <!-- <table class="warpper" cellspacing="0">
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
    </table>
    <br>
    <table class="warpper"cellspacing="0">
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
    </table> -->
    <!-- ------------------------------------------------------------------------ -->
    <!-- 第十2题 -->
    <!-- <figure>
        <img src="./门left·_2024-03-31_12-30-06.png" alt="" />
        <figcaption>photo</figcaption>
      </figure> -->
    <!-- ------------------------------------------------------------------------ -->
    <!-- 第十3题 -->
    <!-- <div class="warrper">
        <p>你好</p>
        <p>你不好</p>
        <p>你叫什么名字</p>
        <p>你为什么来这里</p>
        <p>我啥也不知道</p>
    </div> -->
    <!-- ------------------------------------------------------------------------ -->
    <!-- 第十4题 -->
    <!-- 14. 编写一个选择器，为每个表格中奇数行的单元格添加一个特定的边框样式。 -->
    <!-- <table class="warpper"cellspacing="0">
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
    </table> -->
    <!-- ------------------------------------------------------------------------ -->
    <!-- 第十5题 -->
    <!-- <form action="">
        <label for="hello">姓名：</label>
        <input type="text" id="hello">
    </form> -->
</body>

</html>